import styled from "styled-components";

import * as antd from "antd";

export const OrderList = styled.div`
  padding: 0 50px;
  padding-top: 40px;
`;

export const Search = styled.div`
  display: flex;
  align-items: center;
`;

export const SearchLabel = styled.span`
  margin-right: 20px;
`;

export const SearchInput = styled(antd.Input)`
  &.ant-input,
  &.ant-input-affix-wrapper {
    width: 200px;
    margin-right: 40px;
  }
`;

export const SearchDate = styled(antd.DatePicker.RangePicker)`
  &.ant-calendar-picker {
    margin-right: 40px;
  }
`;

export const SearchButton = styled(antd.Button)``;

export const Table = styled(antd.Table)`
  &.ant-table-wrapper {
    margin-top: 60px;
    min-height: 50vh;
  }
`;

export const Column = styled(antd.Table.Column)``;

export const Pagination = styled(antd.Pagination)`
  &.ant-pagination {
    margin-top: 30px;
    text-align: right;
  }
`;

export const ButtonBlock = styled.div`
  margin-top: 50px;
  text-align: center;
`;

export const ReturnButton = styled(antd.Button)``;
